/*  
 * Theme Name: Scroller brown
 * Theme URI: http://test.counterjumper.com/scroller/
 * Description: A Wordpress theme which makes extensive use of scrollbars
 * Version: 1.0.1
 * Author: Karmadude
 * Author URI: http://counterjumper.com/
 * 
 * Scroller brown v1.0.1
 *  
 * This theme was designed and built by Karmadude       
*/

@import "poststyle.css";
@import "categorystyle.css";
@import "flickrstyle.css";
@import "linksstyle.css";
@import "pagesstyle.css";
@import "commentstyle.css";

body {
   margin: 0;
   padding: 0px;
   text-align: center;
   background: #5c4d34;   
   font: 10px/1.6em "Lucida Grande", verdana, arial, helvetica, sans-serif;
   color: #d2c8b8;
}

    #container {
       margin: 0 auto;
       padding: 30px;
       width: 950px;
       text-align: center;
    }    
    
       /*-----HEADER-----*/

        #header {
           position: relative;
           width: 850px;
           height: 54px;
           padding: 40px 47px 0 47px;
           margin: 0;
           border-top: #8f826d 3px double;
           border-left: #8f826d 3px double;
           border-right: #8f826d 3px double;
           border-bottom: #8f826d 1px solid;
        }

            #logo {
               position: relative;
               float: left;
               width: 159px;
               height: 94px;               
            }
            
            #logotext {
               float: left;               
               font-weight: 500;
               color: #999;
               height: 49px;
               padding: 5px 0 0 0;             
            }
                
                #logotext a {
                    font-size: 3.5em;
                    color: #d2c8b8;
                }
                
                #logotext a:hover {
                    color: #7eae4d;
                }


            #searchbox {
               position: relative;
               float: right;
               margin: 20px 0 0 0;               
               height: 34px;
               text-align: right;
            }

        /*-----CONTENT-----*/

        #contentwrapper {
            position: relative;
            width: 852px;
            height: 633px;
            padding: 21px 46px 46px 46px;
            border-left: #8f826d 3px double;
            border-right: #8f826d 3px double;
        }
        
            .contentbox { 
                position: relative;
                width: 401px;
                height: 283px;
                border: #8f826d 1px solid;
                overflow: auto;
                text-align: left;
                font-size: 1.4em;
                color: #d2c8b8;
                line-height: 1.5em;
            }
            
                .contentbox p {
                    margin: 0 0 1.5em 0;
                }
                
                #recentpostbox {
                   padding: 12px 12px 0 12px;              
                }
                
                    #recentpostbox .recentpostheader {       
                        display: block;
                        line-height: 1em;
                    }
                    
                    #recentpostbox .recentpostdate {
                        color: #7eae4d;
                    }
                    
                    #recentpostbox .recentpostinfo {                                                
                        font-size: 0.8em;
                        padding: 0;
                        margin: 0;
                    }
                
                    #recentpostbox .recentpostinfo a {
                        color: #919292;
                    }
                    
                    #recentpostbox .recentpostinfo a:hover {
                        text-decoration: underline;
                    }
                    
                    #recentpostbox ul {
                        padding: 0;
                        margin: 0;
                    }
                    
                    #recentpostbox ul li {
                        list-style: none;
                        background: url('images/post.png') no-repeat 0 2px;         
                        font-size: 0.9em; 
                        padding: 3px 0 3px 20px;
                        margin: 0 0 6px 0;
                        border-bottom: #837256 1px dotted;
                    }

                    #recentpostbox ul li:hover { 
                        background: url('images/postarrow.png') no-repeat 0 2px; 
                    }
                
                #archivesbox {
                   padding: 12px 12px 0 12px;              
                   display: none;
                }
                
                    #archivesbox ul {
                        padding: 0;
                        margin: 0;
                    }

                    #archivesbox ul li {
                        list-style: none;
                        background: url('images/calmonthblue.png') no-repeat 0 2px;         
                        font-size: 0.9em; 
                        padding: 0 0 0 20px;
                    }

                    #archivesbox ul li:hover { 
                        background: url('images/calmonthorange.png') no-repeat 0 2px; 
                    }
                
                
                #aboutbox {
                   padding: 12px 12px 0 12px;              
                   display: none;
                }
                
                #metabox {
                   padding: 12px 12px 0 12px;              
                   display: none;
                }
                
                    #metabox ul {
                        padding: 0;
                        margin: 0;
                    }

                    #metabox ul li {
                        list-style: none;
                        background: url('images/bullet_blue.png') no-repeat -5px 2px;         
                        font-size: 0.9em; 
                        padding: 0 0 0 15px;
                    }

                    #metabox ul li:hover { 
                        background: url('images/bullet_orange.png') no-repeat -3px 2px; 
                    }
            
            .contentboxtabs {                
                width: 401px;
                height: 25px;
            }
            
                .contentboxtabs ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                    height: 25px;
                    font-size: 1.2em;
                    font-weight: 500;
                    overflow: hidden !important;                                       
                }
                
                .contentboxtabs ul li {  
                    float: left;
                    padding: 0;
                    margin: 0 3px 0 0;                    
                    height: 25px;                   
                }
                
                .contentboxtabs ul li a {                    
                    display: block;
                    height: 20px;
                    text-transform: uppercase;
                    padding: 5px 6px 0 6px;
                    color: #a5a6a5;
                    text-decoration: none;
                    float: left;
                    background: #b4b4b4 url(images/offtabbg.gif) repeat-x; 
                    border-top: #8f826d 1px solid;
                    border-right: #8f826d 1px solid;
                    border-left: #8f826d 1px solid;
                }
                
                .contentboxtabs ul li a:hover,
                .contentboxtabs ul li a.selected { 
                    text-decoration: none;
                    color: #f2ebe0;
                    background: #a0cf71 url(images/ontabbg.gif) repeat-x; 
                }
                
                .contentboxtabs ul li#flickrtabitem a { 
                    text-decoration: none;
                    color: #003dc2;
                    width: 65px;
                    background: #8aafe3 url(images/flickrtaboff.gif) no-repeat; 
                }
                
                .contentboxtabs ul li#flickrtabitem a:hover,
                .contentboxtabs ul li#flickrtabitem a.selected { 
                    text-decoration: none;
                    color: #003dc2;
                    width: 65px;
                    background: #8aafe3 url(images/flickrtab.gif) no-repeat; 
                }
            
            #leftcolumn {
                position: relative;
                width: 403px;
                height: 633px;
                float: left;
                padding: 0 46px 0 0;
            }
            
            #sidebar {
                position: relative;
                float: left;
                width: 403px;
                height: 633px;              
            }
            
            #topleftboxcontainer,
            #toprightboxcontainer,
            #bottomleftboxcontainer,
            #bottomrightboxcontainer
            {                
                width: 401px;
                height: 306px;
            }
                       
            #toprightboxcontainer {                
                               
            }
            
            #bottomleftboxcontainer {                            
                margin: 21px 0 0 0;       
            }
            
            #bottomrightboxcontainer {                
                margin: 21px 0 0 0;     
            }

    /*------END CONTAINER-----*/

    /*-----FOOTER-----*/
    
    #footer {
        position: relative;
        width: 850px;
        height: 94px;
        padding: 0 47px;
        margin: 0 auto;
        background: transparent;
        text-align: center;
        border-top: #8f826d 1px solid;
        border-left: #8f826d 3px double;
        border-right: #8f826d 3px double;
        border-bottom: #8f826d 3px double;
    }
    
        #footer a {
            display: inline;        
            text-decoration: none;
            color: #539ff5;
        }

        #footer a:hover {
            color: #eeadb9;
            text-decoration: underline;
        }

        #footercontent {
           position: relative;
           margin: 0 auto;           
           padding: 10px 0 0 0;
           text-align: left;
        }

 

/* defaults
--------------------------------------------------*/
img {
   border: 0;
}

a:focus {
   user-focus: none; 
   outline : none; 
   -moz-user-focus: none; 
   -moz-outline: none;    
}

a,
a:link {
   color: #b1d8fc;
   text-decoration: none;
}

a:hover {
   color: #eeadb9;
}   

p {
   margin: 0;
   padding: 0;
}

input, textarea {
    color: #666;
    font-size: 1em; 
    text-decoration: none; 
    background-color: #e2d8bd; 
    border: 1px solid #333;
    padding: 3px;
}

input:focus, textarea:focus {    
    background-color: #eee; 
}

.wp-smiley {
    border: none;
}
    

/* clearfix
--------------------------------------------------*/

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
